<template>
    <div class="conect">
        <div class="top">
            <div class="iconfont icon-zuo1 ret" @click="$router.push({ name: 'usercenter' })"></div>
            <div class="txt">联系我们</div>
        </div>
        <div class="body">
           <h5>联系我们: ***-******</h5>
        </div>
    </div>
</template>

<script>
export default {
  name: 'conect',
};
</script>

<style lang="scss" scoped>
    @import '@/css/public.scss';
    .conect{
        display: flex;
        flex-direction:column;
        height: 100%;
        font-family:"Microsoft YaHei";
        .top{
            width: 100%;
            height: vw(50);
            background:$public-color;
            position: relative;
            .ret{
                float: left;
                height: vw(50);
                line-height: vw(50);
                font-size: vw(20);
                margin-left: vw(20);
                color: white;
            }
            .txt{
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                height: vw(50);
                line-height: vw(50);
                font-size: vw(16);
                color: white;
            }

        }
        .body {
            height: 0;
            flex-grow: 1;
            z-index: 1;
            overflow: scroll;
            margin-top: vw(15);
        }

    }

</style>
